<style lang="less">
 @import './social.less';
</style>

<template>
  <ul class="social">
    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="wechat" />
      </a>
    </li>

    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="weibo" />
      </a>
    </li>

    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="bilibili" />
      </a>
    </li>

    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="zhihu" />
      </a>
    </li>

    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="linkedin" />
      </a>
    </li>

    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="youtube" />
      </a>
    </li>

    <li class="social-item">
      <a href="" target="_blank">
        <v-icon type="twitter" />
      </a>
    </li>
  </ul>
</template>

<script>
import Icon from '~/components/icon'

export default {
  components: {
    'v-icon': Icon,
  },
}
</script>
